/* ============================ */
/* CSS for control sap.m/Input  */
/* Base theme                   */
/* ============================ */

.sapMDialog.sapMInputSuggestionPopup .sapMDialogScrollCont {
	padding: 0;
}

.sapMInputDescription {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMInputDescription > span {
	padding-left: 0.5rem;
	font-family: @sapUiFontFamily;
	font-style: normal;
	font-weight: normal;
}

.sapMInputSuggestionTableHidden {
	display: none;
}


/* valueHelpOnly overwrites text cursor for input */
.sapMInputVHO,
.sapMInput.sapMInputVHO > input {
	cursor: pointer;
}

/* if ValueHalp and Description, place icon left to description */
.sapMInputDescription.sapMInputVH > span{
	position: relative;
	display: inline-Block;
	height: 100%;
}

.sapMInputValHelpInner.sapUiIcon {
	vertical-align: top;
}

.sapMInputValHelp:focus {
	outline: none;
}

.sapMInputValHelp {
	position: absolute;
	top: 0.3125rem;
	right: 0.0625rem;
	height: 2.375rem;
	width: 2.375rem;
	box-sizing: border-box;
}

.sapMInputDescription.sapMInputVH > span > .sapMInputValHelp {
	left: -2.4375rem;
	top: 0.0625rem;
}

.sapMInputValHelpInner {
	height: 2.375rem;
	width: 2.375rem;
	line-height: 2.375rem;
}

.sapMInputVHO:hover > .sapMInputValHelp > .sapMInputValHelpInner {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMInputVHO:active > .sapMInputValHelp > .sapMInputValHelpInner {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMInputValHelpInner {
	speak: none;
	color: @sapUiContentIconColor;
}

.sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:hover,
.sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:focus {
	background-color: @sapUiButtonLiteHoverBackground;
}

html.sap-desktop .sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -1px;
}

.sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:active {
	/* works fine in desktop browsers, iOS6 and mobile Chrome; does not work well in older Android browser */
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
	outline: 1px dotted @sapUiContentContrastFocusColor;
}

.sapMInputSuggestionPopup .sapMDLIValue {
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
	padding-right: 1rem;
}

.sapMInputSuggestionPopup .sapMLIBActive .sapMDLIValue {
	color: @sapUiListActiveTextColor;
}

.sapMInputSuggestionPopup .sapMDLILabel {
	font-size: @sapMFontMediumSize;
}

.sapMInputDescription > span {
	font-size: @sapMFontMediumSize;
	line-height: 2.5rem;
	color: @sapUiFieldTextColor;
}

.sapMInputHighlight {
	font-weight: bold;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMInputVH > .sapMInputBaseInner {
		padding-right: 1.625rem;
	}

	.sapMInputValHelp {
		top: 0.25rem;
		height: 1.5rem;
		width: 2rem;
	}

	.sapMInputDescription.sapMInputVH > span > .sapMInputValHelp{
		left: -1.5625rem;
	}

	.sapMInputValHelp > .sapMInputValHelpInner {
		font-size: 1rem;
		height: 1.5rem;
		width: 2rem;
		line-height: 1.5rem;
	}

	.sapMInputDescription.sapMInputVH > span > .sapMInputValHelp > .sapMInputValHelpInner{
		vertical-align: top;
	}

	.sapMInputDescription > span {
		line-height: 1.625rem;
	}
}

/* Condensed size */
.sapUiSizeCondensed {
	.sapMInputValHelp {
		top: 0.3125rem;
		height: 1.375rem; /* + 2*1px padding = 1.5rem */
	}

	.sapMInputValHelp > .sapMInputValHelpInner {
		height: 1.375rem;
		line-height: 1.375rem;
	}
}